<template>
  <div class="top">
    <router-link to="/">
      <img class="top-imgl" src="static/daohangtiao/dht-2.png" alt="">
    </router-link>
    <router-link to="/search">
      <input type="text" placeholder="输入商品关键字">
    </router-link>

    <router-link to="/info">
      <img class="top-imgr" src="static/daohangtiao/dht-14.png" alt="">
    </router-link>

  </div>
</template>

<script>
    export default {
        name: "Nav"
    }
</script>

<style scoped>
  /*top样式*/
  .top{
    position: fixed;
    top: 0;
    z-index: 999;
    width: 68rem;
    height: 5rem;
    background: #e53e42;
    padding: 2.5rem 2rem;
    display: flex;
    justify-content: space-between;
  }
  .top .top-imgl{
    width: 11rem;
    height: 4rem;
  }
  .top .top-imgr{
    width: 4rem;
    height: 4rem;
  }
  .top input{
    width: 30rem;
    height: 3rem;
    border-radius: 1rem 1rem 1rem 1rem;
    font-size: 4rem;
    padding: 1rem 5rem;
  }
</style>
